@charset "utf-8";
/* CSS Document */
.middle1200 { width:1200px; margin:0 auto;}
.middle1000 { width:1000px; margin:0 auto;}

.header { width:100%; height:135px;}
.header .top { width:100%; height:40px; overflow:hidden; background:#0a87d9; line-height:40px; color:#fff; font-size:12px; font-family:Arial;}
.header .top span { display:inline-block; float:left;}
.header .top span img{ float:left;}
.header .menu .logo{ width:358px; float:left;}
.header .menu .tlist { width:664px; height:95px; float:left; }
.header .menu .soso { width:175px; height:37px; overflow:hidden; background:url(../images/ssbg.gif) bottom no-repeat; float:right; padding-top:26px;}
.header .menu .soso input { width:135px; height:37px; overflow:hidden; float:left; border:none; color:#CCC;  background:none; text-indent:5px;}
.header .menu .soso input.sub { width:40px;}

.selanguage { float:right;}
.selanguage a{ background:#fff; color:#0a87d9; margin:0 2px; padding:2px 5px;}
.selanguage a.nav {background:#0a87d9; color:#fff;}

.index_b01 { width:100%; height:634px; overflow:hidden; padding-top:60px;}
.index_b01 .bname{ width:100%; overflow:hidden; text-align:center;}
.index_b01 .btxt { width:70%; overflow:hidden; text-align:center; margin:24px auto; font-size:12px; line-height:24px;}
.index_b01 .thisbt { width:100%; overflow:hidden; text-align:center; padding-top:42px;}
.index_b01 .thisbt a { width:192px; height:61px; overflow:hidden; display:block; margin:0 auto; line-height:54px; font-size:18px; color:#727171; background:url(../images/plist_bt.gif);}
.index_b01 .thisbt a:hover { text-decoration:underline}
.index_b02 { width:100%; height:543px; overflow:hidden; background:#f2f5f7}
.index_b02 .middle1000 { overflow:hidden;}
.index_b02 .b2mask { width:1221px; overflow:hidden; padding-top:96px;}
.index_b02 .b2mask dl { width:386px; overflow:hidden; float:left; margin-right:21px;}
.index_b02 .b2mask dl dt { width:386px; height:280px; overflow:hidden;}
.index_b02 .b2mask dl dt img {width:386px; height:280px; 
-moz-transition:width .4s,height .4s,margin .4s; /* Firefox 4 */
-webkit-transition:width .4s,height .4s,margin .4s; /* Safari and Chrome */
-o-transition:width .4s,height .4s,margin .4s; /* Opera */}
.index_b02 .b2mask dl dt img:hover { width:420px; height:305px; margin-top:-17px; margin-left:-12px;}

.index_b02 .b2mask dl dd { width:344px; height:33px; overflow:hidden; border:#dadada 1px solid; font-size:20px; color:#283645; padding:20px; padding-top:25px; background:url(../images/index_xb.gif) right top no-repeat;}
.index_b02 .b2mask dl dd span { font-size:14px; color:#8d959e;}

.npageMain { width:100%; min-height:400px; overflow:hidden; background:url(../images/npagebg.gif) right top no-repeat;}
.npageTop { width:100%; height:230px; overflow:hidden;}
.npageTop .ntImg { width:1000px; margin:0 auto;}
.npageTop .ntImg img { width:1440px; height:178px; margin-left:-220px;}
.npageTop .alink { width:100%; height:51px; overflow:hidden; border-bottom:#c9caca 1px solid; font-size:12px; color:#555555; line-height:52px;}
.npageTop .alink .middle1200 { overflow:hidden; background:url(../images/npage_link_b.gif) 0 21px no-repeat; text-indent:20px; font-family:"宋体"}
.npageTop .alink .middle1200 a { font-family:"微软雅黑";}
.npageTop .alink .middle1200 ul { width:auto; float:right; text-indent:0;}
.npageTop .alink .middle1200 ul li { width:auto; height:49px; float:left; display:block; padding:0; margin:0;}
.npageTop .alink .middle1200 ul li.nav { border-bottom:#0CF 2px solid;}
.npageTop .alink .middle1200 ul li a { padding:0 10px; display:block;}
.npageTop .alink img { float:left;}

.npagecon { width:100%; overflow:hidden; }
.npagecon .aboutTxT { overflow:hidden; padding:70px 0; font-size:14px; font-family:Arial, "微软雅黑"; text-align:justify; line-height:24px; color:#727171;}
.npagecon .aboutTxT P{ margin-top:20PX;}

.honorImgbox { width:100%; overflow:hidden; padding:60px 0;}
.honorImgbox h2 { width:100%; overflow:hidden; font-size:24px; color:#221815; text-align:center; padding-bottom:30px; padding-top:20px;}
.honorImgbox h2 span { font-size:14px; text-transform:uppercase; color:#918b8a; display:block;}
.newsbox { width:1100px; overflow:hidden; margin:0 auto;}
.newsbox .newslist{ width:776px; overflow:hidden; float:left; border-right:#CCC 1px solid; padding-top:30px;}
.newsbox .newslist h2 { width:740px; height:30px; line-height:30px; font-size:24px; padding:12px 0;}
.newsbox .newslist h2 span { width:7px; height:30px; overflow:hidden; display:block; background:#008dd5; float:left; margin-right:5px;}
.newsbox .newslist div.newsItem { width:740px; height:48px; overflow:hidden; line-height:48px; border-top:#CCC 1px dashed; font-size:14px; color:#727171;}
.newsbox .newslist div.newsItem a { font-size:14px; color:#727171;}
.newsbox .newslist div.newsItem a:hover { color:#0a87d9; text-decoration:underline;}
.newsbox .newslist div.newsItem span { float:right;}
.page { width:100%; overflow:hidden; text-align:center; padding:40px 0;}
.page a,.page span { padding:5px 12px; display:inline-block; border:#CCC 1px solid; color:#666; margin:5px 2px;}
.page a:hover,.page span{ background:#008dd5; color:#fff;}
.newsbox .newslink { width:278px; overflow:hidden; padding-left:32px; padding-top:84px;}
.newsbox .newslink a { display:block; width:278px; overflow:hidden; margin-bottom:10px;}
.newsbox .newslink a img { width:100%;} 

#focus_Box{position:relative; width:890px; height:388px;  margin:20px auto;}
#focus_Box ul{position:relative; width:890; height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#fff;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px; box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li em { width:100%; display:block; text-align:center; line-height:60px; font-size:14px; color:#666;}
#focus_Box li img{width:96%;background:url(images/loading.gif) no-repeat center 50%;height:96%;vertical-align:top; margin:2%;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:9;overflow:hidden;cursor:pointer;position:absolute;width:60px;height:60px;top:131px;}
#focus_Box .prev{background:url(images/btn.png) left bottom no-repeat;left:-96px}
#focus_Box .next{background:url(images/btn.png) right bottom no-repeat;right:-80px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(images/share-btn.png) no-repeat;text-indent:-999px;}

.video { width:1025px; overflow:hidden; margin:0 auto; padding-top:78px; padding-bottom:90px;}
.videoplay { width:595px; height:400px; overflow:hidden; float:left;}
.videolist { width:380px; height:398px; overflow:hidden; border:#c9caca 1px solid; float:right;} 
.videolist .vname { width:100%; height:35px; overflow:hidden; background:#e5e5e5; line-height:35px;}
.videolist .vname span { width:50%; height:35px; overflow:hidden; text-align:center; display:block; background:#fff; color:#585858;}
.videolist .vnamecn { width:90%; height:80px; overflow:hidden; margin:0 auto; border-bottom:#c9caca 1px solid; font-size:24px; color:#000; text-indent:20px;}
.videolist .vnamecn span { font-size:18px; line-height:100px;}
.videolist .vlist { width:100%; height:240px; overflow:auto; padding-top:20px;} 
.videolist .vlist dl { width:340px; height:69px; overflow:hidden; padding-left:5%; margin-bottom:18px; cursor:pointer;}
.videolist .vlist dl dt { width:115px; height:65px; overflow:hidden; float:left;}
.videolist .vlist dl dd { width:215px; height:65px; overflow:hidden; float:right; font-size:14px; }
.videolist .vlist dl dd p { width:100%; height:50px; color:#727171;}
.videolist .vlist dl dd span { width:100%; font-size:12px; line-height:14px; color:#727171;}
.videolist .vlist dl dd span img { float:left; margin-right:2px;}
.videolist .vlist dl.nav {}
.videolist .vlist dl.nav dt {border:#3fbff0 2px solid;}
.videolist .vlist dl.nav dd p { color:#3fbff0; font-weight:bold;}

.service { width:1030px; overflow:hidden; margin:0 auto; padding-top:63px; }
.service .sertop { width:704px; height:252px;  overflow:hidden; padding-top:60px; padding-left:326px; background:url(../images/serbg.jpg) left top no-repeat; font-size:14px; color:#555555; line-height:30px; text-align:justify;}
.service .ser_02 { width:1030px; overflow:hidden; font-size:14px; color:#555555; margin-bottom:40px;}
.service .sertxt { width:780px; overflow:hidden; background:url(../images/ser_05.gif) 254px 0 repeat-y; color:#555555; line-height:30px; padding-left:254px; padding-bottom:80px;}
.service .sertxt p { margin-bottom:20px;}
.service .sertxt dl { width:100%; overflow:hidden; padding:24px 0;}
.service .sertxt dl dt { width:94px; height:94px; overflow:hidden; float:left;}
.service .sertxt dl dd { width:644px; height:auto; overflow:hidden; float:right; padding-top:26px;}
.service .sertxt dl dd em { font-size:18px; color:#000}

.contact { background:url(../images/ctop.jpg) center 0 no-repeat; padding-bottom:50px;}
.contactbox { width:1100px; min-height:600px; overflow:hidden; background:url(../images/contact_bg.png) no-repeat; margin:0 auto;} 
.contactbox .toplink { width:90%; overflow:hidden; margin:0 auto; text-align:right;  font-size:12px; color:#555555; padding:30px 0;}
.contactbox .toplink img { display:inline-block;}
.contactbox .cmain { width:940px; overflow:hidden; margin:0 auto;}
.contactbox .cmain .ctxt { width:372px; overflow:hidden; float:left; font-size:14px;}
.contactbox .cmain .ctxt h2 {}
.contactbox .cmain .ctxt p { text-indent:2em; margin-bottom:14px;}
.contactbox .cmain .cewm { width:250px; height:214px; overflow:hidden; float:left; border-left:#c0c1c4 1px solid; padding-left:66px;}
.contactbox .cmain .cewm h3 { width:100%; overflow:hidden; font-size:14px; padding-bottom:20px;}
.contactbox .cmain .cewm h3 span { width:6px; height:20px; overflow:hidden; display:inline-block; background:#018ada; float:left; margin-right:10px;}
.contactbox .cmain .cewm.cewm_02 { width:184px;}
.contactbox .cmain .map { width:100%; overflow:hidden; padding-top:70px;}
.contactbox .cmain .feedback input { width:449px; height:55px; overflow:hidden; display:block; background:none; border:none; background:url(../images/c_07.gif); margin-bottom:20px; font-size:16px; color:#221815; text-indent:1em}
.contactbox .cmain .feedback textarea { width:451px; height:187px; overflow:hidden; float:right; display:block; background:none; border:none; background:url(../images/c_08.gif); font-size:16px; color:#221815; font-family:"微软雅黑"; text-indent:1em; padding-top:16px;}
.contactbox .cmain .feedback dl { width:100%; overflow:hidden;}
.contactbox .cmain .feedback dl dt,.contactbox .cmain .feedback dl dd { width:50%; overflow:hidden; float:left;}
.contactbox .cmain .feedback dl dd {}
.contactbox .cmain .feedback .sub { width:100%; overflow:hidden; text-align:right;}
.contactbox .cmain .feedback .sub input { width:102px; height:37px; overflow:hidden; background:#0a87d9; color:#fff; text-indent:0; float:right;}

.pro { width:1200px; overflow:hidden; margin:0 auto; padding-top:42px;}
.pro .prolist { width:272px; overflow:hidden; float:left;}
.pro .prolist .prososo { width:236px; height:41px; overflow:hidden; padding:18px; background:url(../images/pro_08.gif) center no-repeat; background-color:#f5f5f5;}
.pro .prolist .prososo input { width:185px; height:41px; float:left; display:inline-block; background:none; border:none; line-height:41px; color:#b1a9a9; text-indent:1em;}
.pro .prolist .prososo input.sub { width:51px; overflow:hidden;}
.pro .prolist ul { width:100%; overflow:hidden; padding-top:34px;}
.pro .prolist ul li { width:236px; overflow:hidden; padding:0 18px; background:#f5f5f5;}
.pro .prolist ul li.nav { background:#eaeaea}
.pro .prolist ul li a { width:236px; overflow:hidden; padding:18px 0; display:block; background:url(../images/pro_09.png) right center no-repeat; border-bottom:#eaeaea 1px solid;}
.pro .prolist ul li:hover { background:#eaeaea;}
.pro .prolist ul li a span { width:206px; display:inline-block;}
.pro .proCon { width:834px; overflow:hidden; float:right;}
.pro .proCon h2 { width:832px; height:46px; overflow:hidden; background:url(../images/pro_05.gif) right  no-repeat; background-color:#fff; border:#c0cbd5 1px solid; line-height:46px; font-family:Arial; font-size:16px; text-transform:uppercase;}  
.pro .proCon h2 img { float:left;}
.pro .proCon .bimg { width:100%; overflow:hidden; padding-bottom:30px; text-align:center; border-bottom:#becad4 1px solid;}
.pro .proCon .bimg img { max-width:100%;}
.pro .proCon .xgt { width:900px; overflow:hidden;} 
.pro .proCon .xgt div { width:258px; height:258px; overflow:hidden; float:left; display:table-cell; vertical-align:middle; *display:block; *font-size:258px; border:#becad4 1px solid; margin-top:26px; margin-right:26px; cursor:pointer;}
.pro .proCon .xgt div img { max-width:100%; *width:100%;}
.pro .proCon .proText { width:100%; overflow:hidden; padding-top:50px; color:#999;}
.pro .proCon  p { font-size:12px; width:100%; overflow:hidden; padding:20px 0; line-height:24px;}
.pro .proform { width:100%; overflow:hidden; padding-bottom:60px;}
.pro .proform h3 { width:100%; height:24px; overflow:hidden; display:block; font-size:24px; font-family:Arial; line-height:24px; padding-bottom:10px;}
.pro .proform h3 span { width:6px; height:24px; overflow:hidden; display:inline-block; float:left; background:#0a87d9; margin-right:10px;}
.pro .proform input { width:413px; height:43px; overflow:hidden; border:#becad4 1px solid; margin-top:10px; padding-left:10px; color:#929292}
.pro .proform input.fullWnum { width:822px;}
.pro .proform input.sub { width:105px; height:45px; overflow:hidden; background:#008dd3; color:#fff; border:none; float:right; font-size:24px; font-family:Arial; padding:0;}
.pro .proform textarea { width:822px; height:190px; overflow:hidden; border:#becad4 1px solid;  margin-top:10px; padding-left:10px; color:#929292; font-family:"微软雅黑"; padding-top:10px;}
.index_b03 { width:100%; text-align:center; background:#fff;}

.footer { width:100%; height:252px; overflow:hidden; background:#2f4052; border-top:#e9eaee 6px solid;}
.footer .ftbox_01 { width:1200px; height:177px; overflow:hidden; margin:0 auto; padding-top:30px;}
.footer .ftbox_01 .ftbox_01_01 { width:714px; overflow:hidden; float:left; padding-top:24px;}
.footer .ftbox_01 .ftbox_01_01 span { width:56px; height:41px; overflow:hidden; display:block; float:left; border-bottom:#596675 1px solid; text-align:center;}
.footer .ftbox_01 .ftbox_01_01 span a { color:#fff; font-size:14px;}

.footer .ftbox_01 .ftbox_01_01 ul { width:714px; height:41px; border-bottom:#596675 1px solid; }
.footer .ftbox_01 .ftbox_01_01 ul li { height:41px; float:left; margin-right:36px;}
.footer .ftbox_01 .ftbox_01_01 ul li a { color:#fff;}
.footer .ftbox_01 .ftbox_01_01 ul li.nav { color:#009889; border-bottom:#3fbff0 1px solid;}
.footer .ftbox_01 .ftbox_01_01 .ft_cbox { width:100%; overflow:hidden; padding:10px 0; border-bottom:#596675 1px solid;}
.footer .ftbox_01 .ftbox_01_01 .ft_cbox p { float:left; font-size:12px; color:#a3b1bf; line-height:24px; margin-right:40px;}
.footer .ftbox_01 .ftbox_01_01 .ft_cbox p span { width:30px; height:60px; display:block; float:left; border:none;}
.footer .ftbox_01 .ftbox_01_01 .ft_cbox .ft_c_01 span{ background:url(../xw_index_05.png) 0 10px no-repeat;}
.footer .ftbox_01 .ftbox_01_01 .ft_cbox .ft_c_02 span{ background:url(../xw_index_05.png) -30px 10px no-repeat;}
.footer .ftbox_01 .ftbox_01_01 .ft_cbox .ft_c_04 {}
.footer .ftbox_01 .ftbox_01_01 .ft_cbox .ft_c_03 span{ background:url(../xw_index_05.png) -60px 10px no-repeat;}
.footer .ftbox_01 .ftbox_01_02 { width:340px; float:right; padding-top:20px;}
.footer .ftbox_01 .ftbox_01_02 img { float:left; width:126px; margin-left:40px;}
.footer .ftbox_02 { width:100%; height:45px; overflow:hidden; background:#283645;}
.footer .ftbox_02 p { width:1200px; overflow:hidden; margin:0 auto; font-size:12px; color:#88898b; line-height:45px; }